.address-book-container {
  height: fit-content;

  .address-records {
    height: fit-content;

    .address {
      height: fit-content;
      border-radius: 30rpx;

      .info {
        width: calc(100% - 70rpx);

        .contact-address {
          line-height: 40rpx;
        }

        .default-address {
          width: fit-content;
          line-height: 36rpx;
          border-radius: 30rpx;
        }
      }

      .btn {
        height: initial;
        justify-content: flex-end;
      }
    }

    .address--touching {
      filter: brightness(90%);
    }

    .load-more-container {
      .load-more {
        font-size: 28rpx;
        height: fit-content;
        text-align: center;
        width: 100%;
        color: $uni-text-color-placeholder;
        margin-top: 40rpx;
        padding-bottom: 140rpx;

        text {
          margin-left: 10rpx;
        }
      }

      .loading-more {
        height: 150rpx;
        padding-bottom: 20rpx;
        margin-top: 0;
      }
    }

    .empty {
      .btn {
        width: fit-content;
        height: fit-content;
        line-height: unset;
        border-radius: 100rpx;
      }
    }
  }

  .new-address-btn {
    padding-bottom: 0;
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
    z-index: 99999;
    box-shadow: 0 0 16rpx -10rpx #888888;
    border-radius: 30rpx 30rpx 0;

    .btn-text {
      width: 50%;
      height: 70%;
      border-radius: 50rpx;
      line-height: 84rpx;
    }
  }
}